<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="https://kit.fontawesome.com/ad55841446.js" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="./css/style.css">
        <title>TRAVEL VLOG! WELCOME</title>
    </head>
<body>
    <nav class="navbar bg-dark">
        <div class="container">
            <img src="./img/ns-logo (2).png" class="logo">
            <ul class="nav-items">
                <li class="nav-items"><a href="./index.html">HOME</a></li>
                <li class="nav-items"><a href="./about.html">ABOUT</a></li>
                <li class="nav-items"><a href="./contact.html">CONTACT</a></li>
            </ul>

        </div>
    </nav>
    <section class="about">
        <div class="container">
            <h2 class="text-black about-heading">ABOUT US</h2>
            <p class="text-gray">navkar travels is the Best choice for making your trip plans across the globe.We have our own network and associate offices at all Metro Cities, Ahmadabad, Mumbai, Bangalore, Kolkata, Chennai, Indore, Bhopal, Jabalpur, Jaipur, Jodhpur & Varanasi etc</p>
            <div class="about-wrapper">
                <div class="left">
                    <ul>
                        <li>CAR RENTAL SERVICE</li>
                        <li>GROUND HANDELING SERVICE</li>
                    </ul>

                </div>
                <div class="right">
                    <ul>
                        <li>LANGUAGE GUIDE</li>
                        <li>PREMIUM ACCOMADATION</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <div class="counts container">
        <div class="count-item count1">
            <span>2500</span>
            <p>TRRAVELLED</p>
        </div>
        <div class="count-item coun2">
            <span>500</span>
            <p>PLACES</p>
        </div>
        <div class="count-item count3">
            <span>400</span>
            <p>GUIDE</p>
        </div>
        <div class="count-item count4">
            <span>20</span>
            <p>SPORTS</p>
        </div>
    </div>
    <div class="banner container">
        <div class="banner-left">
            <p class="line">for booking contact us</p>
        </div>
        <div class="banner-right">
            <a href="contact.html" class="banner-btn">CONTACT US</a>
         </div>

    </div>
    <footer class="footer">
        <div class="social-media-link">
            <i class="fab fa-facebook fa-3x"></i>
            <i class="fab fa-instagram fa-3x"></i>
            <i class="fab fa-twitter fa-3x"></i>
            <p>Navkar travels &copy; 2021,all right reserved</p>
        </div>
    </footer>
    
</body>
</html>